<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>按钮</button>
    <script>
        /*
        
        */

        // window--整个浏览器窗口
        // window --> bom 和dom 
        window.document

        // bom 浏览器对象模型 ---所有控制浏览器的对象（window里面的一些函数-方法）

        // - window 是浏览器内置的一个对象，里面包含着操作浏览器的方法

        // 全局对象
        window


        // 这两个方法分别是用来获取浏览器窗口的宽度和高度（包含滚动条的）

        console.log(window.innerHeight);
        console.log(window.innerWidth);

        console.log(innerWidth);


        // 浏览器的弹出层

        // 警告框
        // alert('hello world')
        console.log(11);

        // 弹出输入框 -- 点击确定 返回输入框的值， 点击取消 返回 null 
        // var r = prompt('请输入一个数字')
        // console.log(r);

        // 弹出询问框

        // 点击确定 返回true  点击取消 返回 false
        // var r = confirm('确定要关闭吗');
        // console.log(r);




        var btn = document.querySelector('button');
        btn.onclick = function () {

            // 自动弹出 会被当成 垃圾广告 拦截了
            // 点击事件触发 不会被拦截

            // 打开一个新的窗口
            window.open("01-复习.html")
        }

    </script>

</body>

</html>